/* You can add global styles to this file, and also import other style files */

.hide{
  display: none;
}
.row {
    margin: 0;
}
.btn-disabled {
    background-color: #ccc;
    border-color: #ccc;
    :hover {
        background-color: #ccc!important;
    }
}

.account-main-section {
    width: 100%;
    display: block;
  }
  .main-height {
    min-height: 400px;
  }
  .account-main-section .channel-content {
    padding: 40px;
  }
  .account-main-section .channel-content h3 {
    font-family: PingFangSC-Semibold;
    font-size: 20px;
  }
  .account-main-section .channel-content .wj-userInfo {
    padding-top: 50px;
    padding-left: 66px;
    overflow: hidden;
  }
  .account-main-section .channel-content .wj-userInfo .wj-loimg {
    float: left;
    margin-right: 40px;
  }
  
  img {
    vertical-align: middle;
    border-style: none;
  }
  .account-main-section .channel-content .wj-userInfo .wj-userContent {
    float: left;
    font-size: 16px;
    font-family: PingFangSC-Semibold;
    padding-top: 27px;
  }
  table {
    border-collapse: collapse;
  }
  .account-main-section .channel-content .wj-userInfo .wj-userContent tr {
    display: block;
    padding: 10px;
  }
  .account-main-section .wj-cont {
    display: block;
    padding-left: 76px;
    font-size: 16px;
    margin-top: 40px;
  }
  .account-main-section .wj-cont tr {
    display: block;
    padding: 13px 0;
  }
  .account-main-section .wj-cont td:first-child {
    width: 140px;
  }
  .account-main-section .wj-cont td:nth-child(2) {
    width: 450px;
    opacity: .5;
    font-size: 14px;
  }
  .account-main-section .wj-cont td:nth-child(3) {
    width: 130px;
  }
  
  .control-label{
      white-space: nowrap;
  }
  .padding-0 {
    padding: 0 !important;
  }
  .padding-right-5{
    padding-right: 5px !important;
  }
  .padding-left-5{
    padding-left: 5px !important;
  }

  // native
  .hrefFile {
  display: inline-block;
  background: none;
  border: 1px solid rgb(77, 91, 128);
  border-radius: 4px;
  padding: 7px 14px;
  overflow: hidden;
  color: #8e969a;
  text-decoration: none;
  text-indent: 0;
  width: 100%;
}
.hrefFile .inputFile {
  position: absolute;
  font-size: 100px;
  right: 0;
  top: 0;
  opacity: 0;
}
.file:hover {
  background: #AADFFD;
  border-color: #78C3F3;
  color: #8e969a;
  text-decoration: none;
}
.my_input{
  background: none;
  border: 1px solid rgb(77, 91, 128);
  color: #8e969a;
  width: 100%;
  inline-height: 10%;
  border-radius: 4px;
}

@media screen and (max-width: 767px) {
  .home_iframe{
    height:200px;
  }

  .div_display{
    display: none;
  }
  .account-main-section{
    text-align: center;
  }
  .account-main-section .channel-content{
    text-align: center;
  }
  .account-main-section .wj-cont{
    padding-left: 20px;
  }
  .account-main-section .channel-content .wj-userInfo .wj-loimg{
    margin-right: 0;
    float:none;
  }
  .account-main-section .channel-content .wj-userInfo{
    padding-left: 0px;
    text-align: center;
  }

  .navEmail {
    width: 75px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
  .userCenter{
    // right: 0px;
  }
  /*aside{
    display: none;
  }*/

}

@media screen and (min-width: 768px) {
  .navEmail {
    width: 75px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }

}

@media screen and (max-width: 381px) {
  .checkbox-margin{
    margin-right: 11%;
  }
}

@media screen and (min-width: 382px) {
  .checkbox-margin{
    margin-right: 20%;
  }
}

@media screen and (max-width: 480px){
  .section-token .schedule table td {
    padding: 8px 4px;
  }
}

@media screen and (max-width: 768px){
  .section-token .schedule table td {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px){
 .section-roadmap .timeline .item {
    padding-left: 50px;
    padding-bottom: 190px;
  }
}
@media screen and (max-width: 768px){
  .section-roadmap .timeline .item:after {
    left: 9px;
  }

}

@media screen and (max-width: 768px){
  .section-roadmap .timeline .item:before {
    left: 0;
  }
}

@media screen and (max-width: 768px) {
  .section-roadmap .timeline .item img {
    margin-top: 89%;
    margin-left: 30%;
  }
}
  @media screen and (max-width: 768px) {
    .show_dialog {
      margin-left: -10%;
      position: fixed;
      top: 80px;
      left: 50%;
      transform: translate(-50%);
      background-color: rgba(0,0,0,0.8);
      display: none;
      padding: 40px;
      z-index: 5;
      border-radius: 6px;

    }
    .native_login{
      margin-left: -5%;
    }
    .big_nav{
      display: none;
}
  }

  @media screen and (max-width: 1199px) {
    .show_menus {
      position: fixed;
      left: 50%;
      transform: translate(-50%);
      background-color: #04022e;
      display: none;
      padding: 2%;
      z-index: 5;
      border-radius: 6px;
      width: 50%;

    }
    .native_login{
      margin-left: -5%;
      padding-left: 4%;
    }
  

    .div_show{
      display: none;
    }
   
  }

  @media screen  and (min-width: 769px) and(max-width: 991px){
    .show_dialog{
      margin-top: -7%;
      margin-left: -12%;
      position: fixed;
      top: 15%;
      left: 50%;
      transform: translate(-50%);
      background-color: #04022e;
      display: none;
      padding: 40px;
      z-index: 5;
      border-radius: 6px;
    }
    .big_nav{
      display: none;
    }
  }
  
@media screen and (min-width:1200px) {
  .hide-large{
    display: none;
  }
  // .show_menus{
  //   display: none;
  // }
}

@media screen and (min-width: 1200px) {
  .language_selector{
    margin-left: 48%;
  }
  .hide-large{
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .language_selector{
    margin-left: 38%;
  }
  
}
// native 结束

#main-container {
  background: #156355;
  background-size: cover;
}